<template>
	<div class="login">
		<div class="logobox">
			<div class="logo">
				<image src="../../../static/login/logo.png"></image>
			</div>
		</div>
		<div class="frombox">
			<div class="login_input">
				<image src="../../../static/login/phone.png" ></image>
				<input type="text" placeholder="请输入账号" class="inputnone">
			</div>
			<div class="login_input">
				<image src="../../../static/login/lock.png" ></image>
				<input type="text" placeholder="请输入密码" class="inputnone">
			</div>

		</div>
		<div class="btnbox">
			<div class="loginbtn" @click="gotohome">
				登录
			</div>
			<div class="change" @click="gotohistorylist">
				平台切换
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				news: []
			};
		},
		onLoad: function() {
			uni.request({
				url: 'https://unidemo.dcloud.net.cn/api/news',
				method: 'GET',
				data: {},
				success: res => {
					this.news = res.data;
				},
				fail: () => {},
				complete: () => {}
			});
		},
		methods: {
			gotohome(e) {
				uni.navigateTo({
					url: '../home/home' 
				});
			},
			gotohistorylist(e) {
				uni.navigateTo({
					url: '../../historylist/historylist' 
				});
			}
		}
	}
</script>

<style>
	.logobox {
		display: flex;
		justify-content: center;
		height: 390rpx;
		align-items: center;
	}

	.logo {
		width: 204rpx;
		height: 204rpx;
	}

	.logo image {
		width: 100%;
		height: 100%;
	}
	.frombox{
	}
	.login_input{
		margin: 0 auto;
		width: 580rpx;
		display: flex;
		height: 100rpx;
		border-bottom: 2rpx solid #e0e0e0;
		line-height: 100rpx;
	}
	.login_input input{
		border: none;
		background-color: hsla(0,0%,100%,0);
		height: 100rpx;
		line-height: 100rpx;
		font-size: 28rpx;
	}
	.login_input image{
		margin: 32rpx 32rpx 32rpx 0 ;
		width: 32rpx;
		height: 32rpx;
	}
	.mcsure{
		font-size: 28rpx;
		color: grey;
	}
	.usertodo{
		width: 600rpx;
		margin: 0 auto;
		box-sizing: border-box;
		padding-left: 76rpx;
		font-size:24rpx;
		font-weight:400;
		color:rgba(59,72,86,1);
		height: 100rpx;
		line-height: 100rpx;
	}
	.loginbtn{
		width: 600rpx;
		margin: 0 auto;
		border-radius: 12rpx;;
		font-size: 32rpx;
		height: 80rpx;
		line-height: 80rpx;
		background-color: #007AFF;
		color: #FFFFFF;
		text-align: center;
		margin-top: 144rpx;
	}
	.change{
		width: 600rpx;
		margin: 0 auto;
		text-align: right;
		margin-top: 64rpx;
		font-size: 32rpx;
	}
		
</style>
